.f-c() {
   display: flex;
   justify-content: center;
   align-items: center;
}
.b-radius() {
   border-radius: .241546rem;
   -webkit-border-radius: .241546rem;
   -moz-border-radius: .241546rem;
   -o-border-radius: .241546rem;
} 
.inviteIndex {
    background: url('../assets/new/invite_bg.png') no-repeat 0 0;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.inviteWrap {
    .f-c();
    flex-flow: column;
    padding: 0 .869565rem;
    .header {
        color: #fff;
        font-size: .772947rem;
        font-weight: 450;
        letter-spacing: .193237rem;
        text-shadow: 0px .055556rem .115942rem rgba(0, 0, 0, 0.16);
        padding-top: 1.666667rem;
        text-align: center;
    }

    .body {
      .b-radius();
      margin-top: .845411rem;
      background-color: #fff;
      box-shadow: 0px 0px .120773rem rgba(24, 202, 216, 0.35);
      .bodyQrcode {
          padding: .676329rem;
          img {
              width: 100%;
              height: 100%;
          }
      }
      .bodyInvite {
          color: #19C9DA;
          font-size: .434783rem;
          font-weight: bold;
          letter-spacing: .072464rem;
          text-align: center;
          padding-bottom: .57971rem;
      }
    }
    .footer {
        font-weight: 500;
        font-size: .386473rem;
        color: #fff;
        letter-spacing: .012077rem;
        text-shadow: 0px .062802rem .13285rem rgba(0, 0, 0, 0.16);
        .sendOthter {
           padding-top: .483092rem;
           text-align: center;
        }
        .invite {
            .f-c();
            padding: .386473rem 0 1.256039rem;
            opacity: .7;
            span:nth-child(2) {
               padding: 0 .362319rem;
            }
            span:first-child, span:last-child {
              width: 1.956522rem;
              height: .019324rem;
              background-color: #fff;
              opacity: .5;
              flex: 1;
            }
        }
    }
}
/* @media screen and (max-width: 321px) {
    .header {
        font-size: 0.502174rem !important;
        padding-top: 0.866667rem !important;
    }
   .inviteWrap {
        padding: 0px 0.669565rem;
    }
}  */